<nav class="fixed-nav-box bg">
  <div class="nav-wrapper">
    <div>
      <a href="javascript:;" class="hoverLink" routerLink="/word"><i class="fa fa-angle-left pr5"></i>返回</a>
    </div>
  </div>
</nav>
<div class="page-container">
  <div class="container pt72">
    <nav mat-tab-nav-bar>
      <a mat-tab-link routerLink="sell" routerLinkActive #rla1="routerLinkActive" [active]="rla1.isActive">销售趋势</a>
     <!--  <a mat-tab-link routerLink="shop" routerLinkActive #rla2="routerLinkActive" [active]="rla2.isActive">店铺分析</a>
      <a mat-tab-link routerLink="category" routerLinkActive #rla3="routerLinkActive" [active]="rla3.isActive">类别分析</a> -->
      <a mat-tab-link routerLink="product" routerLinkActive #rla4="routerLinkActive" [active]="rla4.isActive">宝贝列表</a>
      <!-- <a mat-tab-link routerLink="doubleProduct" routerLinkActive #rla5="routerLinkActive" [active]="rla5.isActive" class="red-text" >双11预售宝贝</a> -->
    </nav>

    
    <mat-card class="mini">
      <mat-card-header>
        <mat-card-title>词云:<b>{{wordInfo.words}}</b></mat-card-title>
        <b fxFlex class="right-align fontSize-12">更新于{{wordInfo.date | date:'yyyy-MM-dd'}}</b>
      </mat-card-header>
      <mat-card-content>
        <table class="centered responsive-table">
          <thead>
            <tr>
              <th>词云</th>
              <th>类目</th>
              <th>{{wordInfo.type ==='hot'?"热门指数":"增长指数"}}</th>                           
              <th>日销售额</th>
              <th>日销售量</th>
              <th>月销售额</th>
              <th>月销售量</th>
              <th>动销宝贝数</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td><b>{{wordInfo.words}}</b></td>
              <td><b>{{wordInfo.categoryName | categoryName}}</b></td>
              <td>{{wordInfo.type==='hot'?wordInfo.hotIndexNumber:wordInfo.growthIndexNumber}}</td>              
              <td><span class="tm-yen">¥</span>{{wordInfo.sellMoney|bigNum}}</td>
              <td>{{wordInfo.sellAmount|number:0}}件</td>
              <td><span class="tm-yen">¥</span>{{wordInfo.monthSellMoney|bigNum}}</td>
              <td>{{wordInfo.monthSellAmount|number:0}}件</td>
              <td>{{wordInfo.productNum | number:'1.0'}}</td>
            </tr>
          </tbody>
        </table>
      </mat-card-content>
    </mat-card>

   <router-outlet></router-outlet>
  </div>
</div>
